<template>
  <div class="page">



    <div class="ul" >
      <div class="flex align-center justify-between receive-job">
        <span class="txt">查看我收到的简历</span>
        <div class="num">89</div>
      </div>
      <div class="job-li" v-for="item in [1,23,4,5,6,7,8,9,10]">
        <JobPerson></JobPerson>
      </div>
    </div>

    <BTab></BTab>
  </div>
</template>

<script setup lang="ts">
import BTab from "../../components/BTab.vue";
import {computed, ref} from "vue";
import FeedMine from "../../components/FeedMine.vue";
import JobPerson from "../../components/JobPerson.vue";
const tabIndex = ref(0)

const onTab = (index:number) => {
  tabIndex.value = index;
}
const activeLiStyle = computed(() => {
  return {left: tabIndex.value *400 -2  + 'rpx'}
})

</script>

<style lang="scss" scoped>
.ul {
  display: grid;
  grid-template-columns: 1fr;
  padding: 32rpx;
  gap: 24rpx;
}

.receive-job {
  height: 80rpx;
  background: #FFFFFF;
  border-radius: 36rpx;
  //padding: 0 42rpx;
  .txt {
    font-size: 24rpx;
    font-weight: 500;
    color: #000000;
  }
  .num {
    min-width: 58rpx;
    height: 32rpx;
    font-size: 22rpx;
    font-weight: 400;
    color: #0D3333;
    line-height: 32rpx;
    padding: 0 16rpx;
    text-align: center;
    background: rgba(36, 250, 246, 0.38);
    border-radius: 12rpx;
    margin: 0 12rpx;
  }
}
.job-li {
  background: #FFFFFF;
  border-radius: 24rpx;
  border: 2rpx solid rgba(0,0,0,0.08);
}

</style>
